<script setup lang="ts">
import home from "@/assets/svg/home.svg";
import { useRouter } from "vue-router";
defineOptions({
  name: "fadingBackground"
});

const props = defineProps(["des"]);
const router = useRouter();

const handleClick = () => {
  router.push({ name: 'addProject' })
}
</script>

<template>
  <el-card class="h-full" body-style="height:100%">
    <el-row class="h-full">
      <el-col :span="12" class="h-full flex justify-center items-center">
        <el-space direction="vertical" alignment="flex-start" wrap :size="30">
          <span>welcome!</span>
          <div class="font-bold text-[48px]">欢迎使用SOLO派</div>
          <div>SOLO派以简洁高效的界面，助您轻松驾驭性能测试，<br>实现高效工作，开启独立自主的性能测试之旅。</div>
          <el-button type="primary" @click="handleClick">Explore</el-button>
        </el-space>
      </el-col>
      <el-col :span="12" class="h-full flex justify-center items-center">
        <home />
      </el-col>
    </el-row>
  </el-card>
</template>
<style lang="scss" scoped></style>
